<template>
  <div class="list-header">
    <div class="banxin flex">
      <div class="left flex">
        <img :src="src" alt="" />
        <h3>{{ title }}</h3>
      </div>
      <div class="rigth" v-if="!ismore">
        <router-link :to="`/allgoods?did=${did}`"
          >更多<img src="../../assets/images/home/Arrow.png" alt=""
        /></router-link>
      </div>
    </div>
  </div>
</template>
 
<script>
export default {
  props: ["src", "title", "ismore", "did"],
  data() {
    return {};
  },
};
</script>
 
<style lang = "less" scoped>
.list-header {
  justify-content: center;
  .banxin {
    align-items: center;
    padding-top: 50px;
    justify-content: space-between;
    .left {
      align-items: center;
      margin-bottom: 24px;
      h3 {
        font-size: 30px;
        font-family: SourceHanSansSC;
        font-weight: bold;
        color: #242b39;
      }
    }
    .rigth {
      display: flex;
      align-items: center;
      a {
        font-size: 16px;
        font-family: SourceHanSansSC;
        font-weight: 300;
        color: #666666;
        text-decoration: none;
      }
    }
  }
}
</style>